<template>
  <section class="page-index">
    <div class="topnav">
      <div class="left-menu">
        <left-menu />
      </div>

      <div class="right-banner">
        <right-banner />
      </div>
    </div>

    <container />
  </section>
</template>

<script>
import LeftMenu from '@/components/index/Menu.vue'
import RightBanner from '@/components/index/Banner.vue'
import Container from '@/components/index/Container/index.vue'

export default {
  components: {
    LeftMenu,
    RightBanner,
    Container
  }
}
</script>

<style lang="stylus" scoped>
  .page-index
    margin 0 auto 
    width 1190px
    .topnav
      &::after
        content ''
        display block
        height 0
        visibility hidden
        clear both
      .left-menu
        float left 
      .right-banner
        float right
        margin-left 10px
        margin-top 10px
  @media screen and (max-width 1200px)
    .page-index
      width 950px
</style>

